<div class="animated fadeIn">

  <div class="row">

    <div class="form-group col-2" >

      <select name="select" class="form-control" [(ngModel)]="checkedData.key">
        <option value="1">用户账号</option>
        <option value="2">申请人</option>
      </select>

    </div>

    <div class="form-group col-2" style="padding-left: 5px">
      <input type="text" class="form-control input-down btn-radius" name="number" [(ngModel)]="checkedData.keywords">
    </div>

    <div class="form-group col-2" >

      <select name="select" class="form-control"  [(ngModel)]="checkedData.state">
        <option value="">提现状态</option>
        <option value="1">提现中</option>
        <option value="2">提现成功</option>
        <option value="3">提现失败</option>
        <option value="4">提现关闭</option>
      </select>

    </div>

    <span style="margin-left: 15px; line-height: 35.5px; text-align: center">申请时间</span>

    <div class="form-group col-2" >
      <input type="text" id="start" style="height: 35px;" class="form-control  btn-radius Wdate" onfocus="WdatePicker()">
    </div>

    <div style="padding: 0;line-height: 35.5px; text-align: center">
      至
    </div>

    <div class="form-group col-2" >
      <input type="text" id="end"  style="height: 35px;" class="form-control btn-radius Wdate" onfocus="WdatePicker()">
    </div>

    <!--查询-->
    <div class="form-group col-1" style="padding-left:5px">
      <button type="button" class="btn btn-primary btn-radius" (click)="getWithdrawalData()">查询</button>
    </div>

  </div>



  <div class="table-responsive">
    <table class="table table-center table-bordered table-hover" style="min-width: 0px">
      <thead class="table-inverse">
      <tr class="text-nowrap">
        <td>用户账号</td>
        <td>持卡人</td>
        <td>开户行</td>
        <td>银行卡号</td>
        <td>申请金额</td>
        <td>提现状态</td>
        <td>申请时间</td>
        <td>操作</td>
      </tr>
      </thead>
      <tbody class="tab-content">
        <tr *ngFor="let item of withDrawalData">
          <td>{{item.account}}</td>
          <td>{{item.name}}</td>
          <td>{{item.nameBank}}</td>
          <td>{{item.cardNumber}}</td>
          <td>{{item.amount}}</td>
          <td>
            <span *ngIf="item.state == 1">提现中</span>
            <span *ngIf="item.state == 2">提现成功</span>
            <span *ngIf="item.state == 3">提现失败</span>
            <span *ngIf="item.state == 4">提现关闭</span>
          </td>
          <td>{{item.addTime}}</td>
          <td>
            <a href="javascript:;" *ngIf="item.state == 1" [routerLink]="['remittance',item.id]">汇款</a>
            <a href="javascript:;" [routerLink]="['detail',item.id]" *ngIf="item.state !=1">查看</a>
          </td>
        </tr>
      </tbody>
    </table>
    <p class="noneData" *ngIf="!withDrawalData.length">暂无数据</p>
    <div style="float: right">
      <pagination [boundaryLinks]="true" [totalItems]="totalItems" [(ngModel)]="currentPage" itemsPerPage="10" [maxSize]="maxSize" previousText="上一页" nextText="下一页" firstText="首页" lastText="末页" (pageChanged)="pageChanged($event)"></pagination>
    </div>
  </div>

  <!--分页组件-->

</div>

